<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>快递信息</title>
  <style>
	body {
		color: #fff;
		font-size: 14px;
	}

	div {
		width: 489px;
		padding-top: 10px;
		margin: auto;
		background: #626262;
	}
	div p {
		display: block;
		width: 102px;
		margin: auto;
		font-size: 17px;
		font-weight: bold;
		/* border: 1px solid red; */
	}
	table {
		width: 440px;
		/* border: 1px solid red; */
		border-collapse: collapse;
	}
	table {
		padding-bottom: 10px;
	}
	table td input {width: 140px;}
	form {
		margin: 10px;
	}
	div.btn {
		width: 90px;
		height: 35px;
		margin: auto;
		/* border: 1px solid red; */
	}
	table td .goodsName {
		width: 354px;
	}
	table td .checkbox {
		width: 15px;
		vertical-align: middle;
	}
	table td .num {
		width: 37px;
	}
  </style>
 </head>
 <body>
	<div>
		<p>增加快递信息</p>
		<!-- 发货单 -->
		<form>
			<fieldset >
				<legend>发货单</legend>
				<table>
					<tr height="10px"></tr>
					<tr>
						<td class="title">发货人：</td>
						<td><input type="text" /></td>
						<td  class="title">地址：</td>
						<td><input type="text" /></td>
					</tr>
					<tr height="10px"></tr>
					<tr>
						<td  class="title">电话：</td>
						<td><input type="text" /></td>
						<td  class="title">邮编：</td>
						<td><input type="text" /></td>
					</tr>
				</table>
			</fieldset>
		</form>

		<!-- 收货单 -->
		<form>
			<fieldset>
				<legend>收货单</legend>
				<table>
					<tr height="10px"></tr>
					<tr>
						<td  class="title">发货人：</td>
						<td><input type="text" /></td>
						<td  class="title">地址：</td>
						<td><input type="text" /></td>
					</tr>
					<tr height="10px"></tr>
					<tr>
						<td  class="title">电话：</td>
						<td><input type="text" /></td>
						<td  class="title">邮编：</td>
						<td><input type="text" /></td>
					</tr>
					<tr height="10px"></tr>
					<tr>
						<td  class="title">地区：</td>
						<td colspan="3">
							<select width="500px">
								<option>北京</option>
								<option>上海</option>
								<option>呼和浩特</option>
								<option>广西壮族自治区</option>
								<option>温州</option>
							</select>
						</td>
					</tr>
					<tr height="10px"></tr>
					<tr>
						<td  class="title">包装：</td>
						<td colspan="3">
							<input type="checkbox" id="carton" class="checkbox" name="pack" /><label for="carton">纸箱</label>
							<input type="checkbox" id="woodcase"  class="checkbox" name="pack" /><label for="woodcase">木箱</label>
							<input type="checkbox" id="bag"  class="checkbox" name="pack" /><label for="bag">快递袋</label>
							<input type="checkbox" id="other"  class="checkbox" name="pack" /><label for="other">其他</label>
						</td>
					</tr>
					<tr height="10px"></tr>
					<tr>
						<td  class="title">付款方式：</td>
						<td colspan="3">
							<input type="radio" id="mny" class="checkbox" name="pay" /><label for="mny">现金</label>
							<input type="radio" id="zfb"  class="checkbox" name="pay" /><label for="zfb">支付宝</label>
							<input type="radio" id="wy"  class="checkbox" name="pay" /><label for="wy">网银</label>
							<input type="radio" id="atm"  class="checkbox" name="pay" /><label for="atm">ATM</label>
						</td>
					</tr>
				</table>

			</fieldset>
		</form>
		
		<!-- 货物信息 -->
		<form>
			<fieldset>
				<legend>货物信息</legend>
				<table>
					<tr height="10px"></tr>
					<tr>
						<td  class="title">货物名称：</td>
						<td colspan="5"><input type="text" class="goodsName" /></td>
					</tr>
					<tr height="10px"></tr>
					<tr>
						<td  class="title">数量：</td>
						<td><input type="text" class="num" /></td>
						<td  class="title">重量：</td>
						<td><input type="text" class="num" /></td>
						<td  class="title">发货时间：</td>
						<td><input type="text" /></td>
					</tr>
				</table>
			</fieldset>
		</form>
		<div class='btn'>
			<input type="button" value="确定" />
			<input type="button" value="取消" />
		</div>
	</div>
  
 </body>
</html>
